// *******************************************************************************************************
// # リスト検索画面
//   ・折りたたみ
//   ・インプットフォーカス
//   ・モーダル 位置
// *******************************************************************************************************

(function(win, doc) {
	/* 折りたたみ
	----------------------------------- */
	function expandMenu() {
		var $explist = $('.list_expand');
		var $expTitle = $('.ttl_expand .ttl_inner');
		//初期状態：非表示
		$explist.show();
		//ボタン
		$expTitle.on('click',function(){
			$(this).toggleClass('close');
			$(this).parent().next().toggle();
		});
	}

	/* インプットフォーカス
	----------------------------------- */
	function inputFocus(){
		var inputTextBox = $('#contentMain .search_blc input:text');

		inputTextBox.each(function(i){
			$(this).focus(function(e){
				$(this).addClass('input-focus');
				if(this.value == this.defaultValue){
					$(this).val('');
				};
			}).blur(function(e){
				if(this.value == ''){
					$(this).val(this.defaultValue).removeClass('input-focus');
				};
			});
			if (this.value != this.defaultValue) {
				$(this).addClass('input-focus');
			};
		});
	};

	/* モーダル 位置
	----------------------------------- */
	function modalPosition() {
		
		$('#hrefSearch').on('click', function(e){
		
			var eki = $('#txteki').val();
			if($.trim(eki) == '') return;
			
			$.ajax({
				beforeSend: function(xhr){
			    	 xhr.overrideMimeType("text/html;charset=UTF-8");
				},
				type: 'POST',
				url: '/areaajax/geteki/',
				dataType: 'text',
				data:{eki:eki,likeop:"1"},
				
				success: function(data) {
					
					if(data != undefined && $.trim(data) != ''){
						 $('.error_message').hide();
						 $('#lstSchEki').empty();
						
						  var vals = data.split(';');
						  var checked = "";
						  if(vals.length == 1 ) checked = ' checked="true" ';
						  
						  for(var i = 0; i < vals.length; i++){
							  var splitVals = vals[i].split('|');
							  
							  var li = '<li><label class="list_wrap"><span class="box_radio"><input name="radio_dummy" type="radio" value="' + splitVals[1] + '" class="input_check"' + checked + '/></span><span class="box_txt">' + splitVals[0] + '</span></label></li>';
							  $('#lstSchEki').append(li);							  
						  }		
						  
						  $('#lblEki').html(eki);
						  
						  if(vals.length == 1 )
						  {
							  $('#btnTsugi').trigger('click');
						  }
						  else if(vals.length > 1 )
						  {
							  $('#lstSchEki').show();
							  $('#ekiResultSchLabel').show();
							  $('#lstSchEki').show();
							  $('.modal_link').attr('href', '#stations')
							  // $('.modal_link').trigger('click');
					      }	
						  else
						  {
							  
						  	$('.error_message').show();
							$('.modal_close').trigger('click');
						  }
				    }
					else{ 
						$('.error_message').show();
						$('.modal_close').trigger('click');
					}
				},
				error:function() {
					$('#lstSchEki').empty();
				}
			});
		})
		
		$('a.modal_link').on('click', function(e){
			var _id = $(this).attr('href'),
				_st = $(window).scrollTop(),
				_wh = $(window).height(),
				_ch = $(_id).height();
			if (_wh > _ch) {
				$(_id).css({ 'top': _st + (_wh-_ch)*0.5 });
			} else {
				$(_id).css({ 'top': _st + 20 });
			};
		});
	}

	function submit(action, method, values) {
	 	   var form = $('<form/>', {
		        action: action,
		        method: method
		    });
		    $.each(values, function() {
		        form.append($('<input/>', {
		            type: 'hidden',
		            name: this.name,
		            value: this.value
		        }));    
		    });
		    form.appendTo('body').submit();
		}
	
	$('#btnTsugi').click(function() {
		var items=[];
		items.push({name:'SrhType',value:'2'});
		
		$('.list_expand input').each(function(index){
			if ($(this).prop('checked')) {
					var vals = $(this).attr("value").split('-');
					var ekiCDs = vals[1].split('.');
					
					for(var idx = 0; idx < ekiCDs.length;idx ++)
					{
						items.push({name:'StCd[]',
					    value:vals[0] + '' + ekiCDs[idx]});
					}
			}
		});
		submit('/sp/shop/rstshoplist','GET',items);
	});
	
	/* 実行
	----------------------------------- */
	$(function() {
		expandMenu();
		inputFocus();
		modalPosition();
	});

})(this, document);

